<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style>
		.f{
			height: 50px;/*li属于块级元素*/
			background-color: beige;
			
			/*字体三个属性设置*/
			font-size: 28px;/*字体大小*/
			font-family: "微软雅黑";/*字体样式*/
			font-weight: bold;/*字体粗细*/
			/*字体设置缩写:font:bold 24px "微软雅黑" 顺序:粗细 大小 样式*/
			
			/*文本样式*/
			/*划线位置:line-through-中划线 underline-下划线 none-没有下划线*/
			text-decoration: underline;/*下划线*/
			/*文本水平对齐方式 left right center*/
			text-align: center;
			/*文本垂直对齐样式:没有单独属性设置
			  一般单行的时候设置高度等于行高实现文本垂直居中
			  多行的话使用盒子模型
			 * */
			line-height: 50px;/*文本垂直居中*/
			/*文本间间隙*/
			letter-spacing: 10px;
			
		}
	</style>
	<body>
		<ul>
			<li class="f">字体样式</li>
			<li>字体样式</li>
			<li>字体样式</li>
			<li>字体样式</li>
		</ul>
	</body>
</html>
